<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets">


<ui:composition template="/templates/layout.xhtml">

	<ui:define name="corpo">
	
	<style type="text/css">
	.fonteCor{
		color: #2E6E9E;
	}
</style>
	
		<div id="corpo">
			<div class="cadastro">
				<!-- Endereço do Estacionamento -->

				<p:fieldset legend="Dados do Estacionamento">
					<div style="float: right; width: 800px; background: #C5DBEC; color: #000">

						<fieldset>
							<h:panelGrid columns="4" cellpadding="5">
								<h:outputLabel value="Estacionamento :" for="estacionamento" />
								<h:outputLabel
									value="#{reservaBean.estacionamento.nome_fantasia}"
									styleClass="fonteCor" />
								<h:outputLabel value="Endereço :" />
								<h:outputLabel value="#{reservaBean.endEstac} "
									styleClass="fonteCor" />

								<h:outputLabel value="Telefone :" for="tel" />
								<h:outputLabel value="#{reservaBean.telEstac}"
									styleClass="fonteCor" />
								<h:outputLabel value="E-mail :" />
								<h:outputLabel value="#{reservaBean.estacionamento.email}"
									styleClass="fonteCor" />
							</h:panelGrid>
						</fieldset>
					</div>
					<div style="float: left; margin-top: 10px; width: 100px">
						<h:graphicImage library="imagens" name="estacionamento.jpg" height="80"
							width="100" />
					</div>
				</p:fieldset>

				<p:fieldset legend=" Dados do Usuário ">
					<fieldset style="background: #C5DBEC;">
						<legend style="color: #d51515">
							<h:graphicImage library="imagens" name="cliente.jpg" width="30" />
						</legend>

						<h:panelGrid columns="4" cellspacing="6">
							<h:outputLabel value="Nome :" for="nome" />
							<h:outputLabel value="#{reservaBean.usuario.nome} " styleClass="fonteCor"/>
							
							<h:outputLabel value="Endereço :" />
							<h:outputLabel value="#{reservaBean.endUsuario} " styleClass="fonteCor"/>
							
							<h:outputLabel value="Telefone :" for="tel" />
							<h:outputLabel value="#{reservaBean.telefone}" styleClass="fonteCor"/>
							
							<h:outputLabel value="E-mail" />
							<h:outputLabel value="#{reservaBean.usuario.email}"
								 styleClass="fonteCor"/>
						</h:panelGrid>
					</fieldset>

					<fieldset style="background: #C5DBEC">
						<legend style="color: #d51515">
							<h:graphicImage library="imagens" name="veiculo.png" width="30" />
							<h:outputLabel value="Dados do veículo" style="color: #000"/>
						</legend>

						<h:panelGrid columns="6" cellspacing="6">
							<h:outputLabel value="Placa: " />
							<h:outputText value="#{contextoBean.veiculoUsuarioLogado.placa}" styleClass="fonteCor"/>
					
							<h:outputLabel value="Modelo: " />
							<h:outputText value="#{contextoBean.veiculoUsuarioLogado.modelo}" styleClass="fonteCor"/>
						
							<h:outputLabel value="Categoria: " />
							<h:outputText value="#{contextoBean.veiculoUsuarioLogado.categoria}" styleClass="fonteCor"/>
					</h:panelGrid>
					</fieldset>
				</p:fieldset>

				<p:fieldset legend="Dados da Reserva" >

					<h:form>

						<h:inputHidden value="#{reservaBean.reserva.codigo}" />
						
						<h:panelGrid columns="5">
						
							<h:outputLabel value="Data de Entrada" for="reserva" />
							
							<h:outputLabel value="Data de Saída" for="reserva" />
							
							<h:outputLabel value="Hora de Chegada" for="hora" />
							
							<h:outputLabel value="Hora de Sáida" for="hora" />
							
							<h:outputLabel value="Tipo de vaga " for="tipovaga" />
							
							<p:calendar requiredMessage="Informe data e hora para reserva"
								locale="pt" effect="slideDown" value="#{reservaBean.reserva.dataEntrada}"
								pattern="MM/dd/yyyy">
								
							</p:calendar>
							
							<p:calendar requiredMessage="Informe data e hora para reserva"
								locale="pt" effect="slideDown" disabled="true" value="#{reservaBean.reserva.dataSaida}"
								pattern="MM/dd/yyyy" >
								
							</p:calendar>
														
							<p:calendar timeOnly="true"
								requiredMessage="Informe a hora para reserva" locale="pt"
								value="#{reservaBean.reserva.horaEntrada}" pattern="HH:mm"
								effect="slideDown" disabled="false" />
								
							<p:calendar timeOnly="true"
								requiredMessage="Informe  a hora para reserva" locale="pt"
								value="#{reservaBean.reserva.horaSaida}" pattern="HH:mm"
								effect="slideDown" disabled="true" />
							
							<h:selectOneMenu value="#{reservaBean.tipo}">
								<f:selectItem itemLabel="Selecione uma opção" noSelectionOption="true"/>
								<f:selectItem itemLabel="Deficiente"          itemValue="Deficiente" />
								<f:selectItem itemLabel="Idoso"               itemValue="Idoso" />
								<f:selectItem itemLabel="Normal"              itemValue="Normal" />
							</h:selectOneMenu>
														
						</h:panelGrid>
						
						<div style="clear: both;"/>
						
						<h:panelGrid columns="2" cellpadding="5">
							<h:commandButton action="#{reservaBean.efetuarReserva}"
								value="Confirma Reserva" styleClass="css3button" />
							<h:commandButton action="/publico/principal.xhtml"
								value="Cancelar" styleClass="css3button" />

						</h:panelGrid>
																						
					</h:form>
				</p:fieldset>
				
				
					
				
				
			</div>
		</div>
	</ui:define>
</ui:composition>

</html>